$(function () {
    console.log('文章类别');

    getArtcate()

    /* 获取文章分类列表 */

    function getArtcate() {
        $.ajax({
            type: 'get',
            url: '/my/article/cates',
            success(res) {
                console.log(res);
                $('tbody').html(template('tp1', res))
            }
        })
    }


    /* 添加文章分类 */
    /* 切换添加文章分类 */
    $('#btnAddCate').on('click', function () {
        console.log('点击了');
        $('body').html(template('dialog-add'))
        console.log($('#form-add'));
    })



    /* 校验数据 */


    /* 收集数据 */

    $('body').on('submit', '#form-add', function (e) {
        e.preventDefault()
        var data_post = $(this).serialize()
        console.log(data_post);
        var name = $('#form-add [name=name]').val().trim()
        var alias = $('#form-add [name=alias]').val().trim()
        // 发送数据
        $.ajax({
            type: 'post',
            url: '/my/article/addcates',
            data: {
                name: name,
                alias: alias
            },
            success(res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    })

                }
                layui.layer.msg(res.message, {
                    icon: 6
                })
                console.log(res);
                location.reload()

            },
        })
    })

    /* 删除文章分类 */

    $('tbody').on('click', '#del_cate', function () {
        /* 获取Id */
        var ids = $(this).parent().attr('ids')
        console.log(ids);

        /* 发送删除 */
        layui.layer.confirm('确认删除?', function (index) {
            $.ajax({
                type: 'get',
                async: true,
                url: '/my/article/deletecate/' + ids,
                success(res) {
                    if (res.status !== 0) {
                        layui.layer.msg(res.message, {
                            icon: 5
                        })
                    }
                    layui.layer.msg(res.message, {
                        icon: 6
                    })
                    console.log(res);
                    getArtcate()

                },
            })
            layer.close(index);
        });

    })


    /* 编辑文章分类 */
    /* 切换编辑文章分类 */
    $('tbody').on('click', '#edit_cate', function () {
        /* 获取Id */
        var ids = $(this).parent().attr('ids')
        console.log(ids);
        $('body').html(template('dialog-edit'))
        render_edit(ids)
    })
    /* 根据id获取对应的分类内容  */
    function render_edit(ids) {
        $.ajax({
            type: 'get',
            url: '/my/article/cates/' + ids,
            success(res) {
                console.log(res);
                /* 需要搞个隐藏域对应接收 */
                layui.form.val('form-edit', res.data)
            }
        })
    }

    /* 编辑完成 */

    /* Id	是	int	分类 Id
    name	是	string	分类名称
    alias */
    $('body').on('submit', '#form-edit', function (e) {
        e.preventDefault()
        console.log('id', $('input[name=Id]').val().trim());
        var data = $(this).serialize()
        $.ajax({
            type: 'post',
            url: '/my/article/updatecate',
            data,
            success(res) {
                if (res.status !== 0) {
                    layui.layer.msg(res.message, {
                        icon: 5
                    })
                }
                layui.layer.msg(res.message, {
                    icon: 6
                })
                console.log(res);
                location.reload()
            }
        })



    })


})